JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.js"></script>
<input type="text" name="input_1" data-bind="value: input_1">
<input type="checkbox" name="input_2" data-bind="checked: input_2">
<select name="input_3" data-bind="value: input_3">
    <option value="one"> One </option>
    <option value="two"> Two </option>
    <option value="three"> Three </option>
</select>

JavaScript

function ViewModel(data) {
    ko.mapping.fromJS(data, {}, this);
}

var data = {
    input_1: 'value_of_input_1',
    input_2: 1,
    input_3: 'two'
};

ko.applyBindings(new ViewModel(data));