JSFiddle - React, Tailwind, and code Playground

HTML

<ul data-bind="foreach:myArrayValues">
    <li>
        <input class="form-control" type="text" data-bind="value: $data" />
    </li>
</ul>
<div class="text-right">
    <a data-bind="click: $parent.addItems">+ Add more</a>
</div>

JavaScript

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

    self.addItems = function(vm) {
        vm.myArrayValues.push('New Item');
    }
};

var rm = new MyViewModel();
ko.applyBindings(rm);