JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script>
<ul data-bind="foreach: items">
  <li>
    <span><input type="checkbox" data-bind="checked: chked_jkyo" /></span>
    <span>
      <select data-bind="
        options: $parent.opt_jyokyoIkkatu, 
        value: opt_jyokyoIkkatu,
        optionsValue: 'sel_id',
        optionsText: 'sel_name'">
      </select>
    </span>
    名前：<input data-bind="value: Comments" />
  </li>
</ul>
<a href="#" data-bind="click:ref">参照</a>

JavaScript

var Item = function() {
  var self = this;

  self.chked_jkyo = ko.observable(true);
  self.opt_jyokyoIkkatu = ko.observable(1);
  self.Comments = ko.observable("");
}

var VM = function(){
  var self = this;
  self.opt_jyokyoIkkatu=[
      {sel_id:1,sel_name:'apple'},
      {sel_id:2,sel_name:'banana'},
      {sel_id:3,sel_name:'lemon'},
  ];
  var items = self.items = ko.observableArray([]);
  for(var i =0;i<5;i++){
    items.push(new Item());
  }
  
  self.ref = function(){
    var items = self.items();
    for (var i=0; i<items.length; i++) { 
      var v_chk_jkyo  = items[i].chked_jkyo(); 
      var v_opt_jyokyoIkkatu = items[i].opt_jyokyoIkkatu(); 
      var v_Comments = items[i].Comments(); 
        
      alert(JSON.stringify({
        v_chk_jkyo:v_chk_jkyo,
        v_opt_jyokyoIkkatu:v_opt_jyokyoIkkatu,
        v_Comments:v_Comments
      },null,2));
    }
  }
}
ko.applyBindings(new VM());