JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>InputType</th>
        </tr>
    </thead>
    <tbody data-bind="foreach: settings">
        <tr>
            <td data-bind="text: name"></td>
            <td><input data-bind="attr: {type: dtype}"/></td>
        </tr>
    </tbody>
</table>

JavaScript

var viewModel = function(){
    this.settings = ko.observableArray([{name: "Bungle",dtype:"text"},{name: "George",dtype: "checkbox"},{name: "Zippy",dtype:"text"}]);
};

ko.applyBindings(new viewModel());