JSFiddle - React, Tailwind, and code Playground

HTML

<table>
 <tbody data-bind="foreach: model.mappings">
   <tr>
     <td style="width: 37%">
      <select data-bind="options:mappings.variableList, optionsText:'Key', options       Value:'Value', value:mappings.selectedOutputVariable>
      </select>
     </td>
  </tr>
   </tbody>
</table>

JavaScript

var list = //some array
var arr =// [{variableList : list}];

var model={
mappings:ko.observableArray(arr)
}

ko.applyBindings......