title: Apply ko bindings to partial view
body: <p>I have a ko viewmodel. I want to render a partial view twice on the same page. Once for physical address and once for postal address. They have the same properties, the data is just different. There is no client side knockout parent view model which contains both physical and postal addresses. I'm getting the "You cannot apply bindings multiple times to the same element." Extract below. I  could create a knockout model called addresses which will contain both physical and postal and then use the with binding in a partial with 2 divs (one for postal, one for physical). I'm guessing that will work. But i don't really want to create a parent model unless necessary.Any suggestions?</p>
  
  <p>Page:</p>
  
  <pre><code>@Html.Partial("_Address", Model.PhysicalAddress)
  @Html.Partial("_Address", Model.PostalAddress)
  </code></pre>
  
  <p>Partial:</p>
  
  <pre><code>@model Models.AddressDetailsViewModel
  &lt;div id="myDiv"&gt;
          &lt;table class="my-table"&gt;
                  &lt;tr&gt;
                      &lt;td id="postalCode"&gt;
                          &lt;span data-bind="text: props.postalCode"&gt;
                          &lt;/span&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;               
          &lt;/table&gt;
      &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      var data = @(Html.Raw(Json.Encode(Model)));
      var viewModel = mapAddress(data);
      ko.applyBindings(viewModel, $("#myDiv")[0]);
  &lt;/script&gt;
  </code></pre>