title: Selected option is not updating with knockout
body: <p>I can't make the ImageType(name) update when the select is changed and the data has already been created (obtained from the model), only when a new element is created I can see that when I change the select the ImageType(name) is updated ), why would this happen?</p>
  <p>I tried with change event (knockout) but without results</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function PatientInsuranceCarrierImage(plainInsuranceImage) {
          var self = this;
          
          self.ImageTypes = ko.observableArray(plainInsuranceImage.ImageTypes);
          self.ImageType = ko.observable(plainInsuranceImage.ImageType);        
      }
      
      function PatientInsuranceCarrierImageViewModel(items) {
          var self = this;
          
          self.PatientInsuranceCarrierImages = ko.observableArray(items);
          
          var innerImageTypes = JSON.parse('[{\"ID\":\"BackImage\",\"Name\":\"Back Image\"},{\"ID\":\"FrontImage\",\"Name\":\"Front Image\"},{\"ID\":\"Other\",\"Name\":\"Other\"}]');
          
          const newPatientInsuranceCarrierImage = {
              
              ImageType: "Other",
              ImageTypes: [],
          };
  
          for (let i = 0; i &lt; innerImageTypes.length; i++) {
              newPatientInsuranceCarrierImage.ImageTypes.push(innerImageTypes[i]);
          }
          
           // Operations
     
          self.addpatientInsuranceCarrierImage = function() {
              self.PatientInsuranceCarrierImages.push(new PatientInsuranceCarrierImage(newPatientInsuranceCarrierImage));
          }
          
      }
      
      var plainImages = JSON.parse('[{\"ImageType\":\"Other\",\"ImageTypes\":[{\"ID\":\"BackImage\",\"Name\":\"Back Image\"},{\"ID\":\"FrontImage\",\"Name\":\"Front Image\"},{\"ID\":\"Other\",\"Name\":\"Other\"}]},{\"ImageType\":\"Other\",\"ImageTypes\":[{\"ID\":\"BackImage\",\"Name\":\"Back Image\"},{\"ID\":\"FrontImage\",\"Name\":\"Front Image\"},{\"ID\":\"Other\",\"Name\":\"Other\"}]},{\"ImageType\":\"Other\",\"ImageTypes\":[{\"ID\":\"BackImage\",\"Name\":\"Back Image\"},{\"ID\":\"FrontImage\",\"Name\":\"Front Image\"},{\"ID\":\"Other\",\"Name\":\"Other\"}]},{\"ImageType\":\"Other\",\"ImageTypes\":[{\"ID\":\"BackImage\",\"Name\":\"Back Image\"},{\"ID\":\"FrontImage\",\"Name\":\"Front Image\"},{\"ID\":\"Other\",\"Name\":\"Other\"}]}]');
      var patientInsuranceCarrierImagesViewModel = new PatientInsuranceCarrierImageViewModel(plainImages);
      ko.applyBindings(patientInsuranceCarrierImagesViewModel);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div style="float: right; vertical-align: top; padding-bottom: 5px;"&gt;
             &lt;a data-bind="click: addpatientInsuranceCarrierImage" href="#" class="button"&gt;Add New Image&lt;/a&gt;
  &lt;/div&gt;
          
  &lt;table id="patientInsuranceImages" style="width: 100%;" class="alt1"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                 &lt;th class="Table_Top" style="width: 80px;"&gt;
                      Back/Front 
                  &lt;/th&gt;        
              &lt;/tr&gt;
          &lt;/thead&gt;
           &lt;!-- ko if: PatientInsuranceCarrierImages().length &gt; 0 --&gt;
          &lt;tbody data-bind="foreach: PatientInsuranceCarrierImages"&gt;
              &lt;tr&gt;                
                  &lt;td&gt;
                      &lt;select 
                          data-bind="options: ImageTypes, value: ImageType, optionsValue: 'ID', optionsText:'Name'"
                          class="txtinput"
                          style="margin-top: 0px;"&gt; 
                      &lt;/select&gt;
                      &lt;input type="hidden" data-bind="value: ImageType, attr: {name: 'images[' + $index() + '].ImageType'}" /&gt;
                      &lt;span data-bind="text: ImageType"&gt;&lt;/span&gt;
                  &lt;/td&gt;                
              &lt;/tr&gt;    
          &lt;/tbody&gt;
          &lt;!-- /ko --&gt;
      &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>