title: How do you update item value(s) in ko.observableArray and rebind?
body: <p>I have a ko.observableArray that when the page gets initialized 1 item is added. I then use a  and a data-bind="foreach items" to create a div for each item in the ko.observableArray. I have a button and textbox on the page that when you add text to the input and click the button a new item gets pushed on to the ko.observableArray. This works fine I can add a new items with each button click. The items in the ko.observableArray have a price associated with them and the price changes. I want to update the price while still being able to add new items to the ko.observableArray. The price and item name are also ko.observable.</p>
  
  <p><code>self.items= ko.observableArray(ko.utils.arrayMap(items, function(item) {
                  return { name: ko.observable(item.name), price: ko.observable(item.price) };</code></p>
  
  <p>How to I update the underlying item values (price) and not recreate the ko.observable array? Do I have to loop through each item in the ko.observable array? The data is coming from a JSON call. BTW I am new to Knockout.js.</p>
  
  <p>Here is my attempt at a <a href="http://jsfiddle.net/janega/4UbHw/27/" rel="nofollow">JSFiddle</a> but I could not get it fully working. Adding an item works fine but when I update if I have a different amount of item..like less items the ones not getting updated are destroyed. Anyway around this? I do not want to fetch data that does not have any changes in it.</p>